﻿@charset "utf-8";
/* CSS Document */
@import url("reset.css");
@import url("general.css");
@import url("ie7.css");
@import url("ie8.css");
@import url("ie9.css");
@import url("jquery.slider.css");

/*============================================================================================*/
/* I. SITE STRUCTURE */
/*============================================================================================*/
#warrper {width: 1000px;margin: 0 auto;overflow: hidden;position: relative;}
/*----------------------------------------------*/
/* 1.1  TOP PAGE */
/*----------------------------------------------*/
#pageTop{width: 100%;}
.lineTopPage{width: 100%;height: 10px;background: red;}
#header {width: 1000px;margin: 0 auto;position: relative;}
#header #logo{float: left;position: relative;margin-top: 20px;}
#header #inforCompany{position: relative;float: right;}
#inforCompany h3{color: #333;}
#inforCompany h4{color:#333;}
#inforCompany img{float: left;padding-right: 30px;margin-top: 9px;}
#inforCompany h2{color: red;}
#header .lineHeader{float: right;}
/* -- MENU ----------------------------- */
.menu {
	list-style: none;
	font-weight: normal;
	width: 100%;
	padding: 0;
	background: rgb(97, 97, 97);
	-webkit-box-shadow: 0px 1px 2px -1px rgba(0, 0, 0, 0.6);
	-moz-box-shadow: 0px 1px 2px -1px rgba(0, 0, 0, 0.6);
	box-shadow: 0px 1px 2px -1px rgba(0, 0, 0, 0.6);
	z-index: 1000;
	position: relative;
	margin-top:7px;
	color: #333;
}
.menu ul {	margin: 0 auto;	width:960px;	list-style-type: none;	font-style: normal;	letter-spacing: normal;}
.menu ul li {	position: relative;	display: inline;	float: left;	padding: 0;	background: none;}
.menu ul li a {	color:white;display: block;	padding: 15px 30px;	text-decoration: none;	display:block;	line-height: 1;font-size: 18px;font-weight: bold;font-family: arial;}
* html .menu ul li a {	display: inline-block;}
/*.menu ul li a:visited {	color: white;}*/
.menu ul li a:link{}
.menu ul li a.active {	color: #D81921;background: white;}
.menu ul li a.selected {	background: #D81921;	color: white;}
.menu ul li a:hover {	background: #D81921;	color: white;}
.menu ul li ul {	position: absolute;	left: 0;	display: none;	visibility: hidden;	width: 180px;	padding: 0;}
.menu ul li ul li {	display: list-item;	float: none;text-align: center;	background-color: #fff;}
.menu ul li ul li:first-child a {	border: none;}
.menu ul li ul li ul {	top: 0;}
.menu ul li ul li a {	color:#333;margin: 0;	border: none;	padding: 17px 0;	line-height: 1;	font-size: 12px;}
* html .menu {	height: 1%;}
.quote {	clear: both;	overflow: hidden;	margin-bottom: 25px;}
.quote blockquote {
	background: #393939 url(style/images/art/quote.png) no-repeat 15px 15px;
	padding: 15px 15px 15px 40px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin-bottom: 10px;
	border:1px solid #393939;
}
.quote span {	float: right;}
.quote em {	font-family: 'CharisSILItalic';	font-style: normal;}
#piecemaker {	margin-top: -30px;}

/*----------------------------------------------*/
/* 1.2  MAINCONTENT */
/*----------------------------------------------*/
#mainContent{position: relative;width: 100%;padding-bottom: 20px;}
/* -- MODULE SALE ----------------------------- */
.saleProductModule{position: relative;height: 340px;}
.headerModule{background:url(../img/bg-module.png) no-repeat top left;width:100%;height:50px;margin-top: 20px;}
.headerModule h4{color: white;padding: 13px 20px;text-transform: uppercase;} .headerModule h4 a{color: white;}
.contentSaleProduct{background: white;height: 285px;}
.contentSaleProduct .blockSP{float: left;height: 271px;padding: 5px 2px 0 1px;}
.blockSP .view {border: 1px solid rgb(216, 216, 216);}
.blockSP .desr{padding: 0 20px;}
.blockSP .desr h4 a{color: #666666; margin:0 0 10px 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 207px;}
.blockSP .desr p{float: left;margin-top: 13px;color: red;font-weight: bold;font-size: 14px;}
.blockSP .desr a{float: right;}
/* -- MODULE NEWS - SMILE ----------------------------- */
.newsModule{position: relative;}
.contentNews{background: white;height: 354px;}
.contentNews .blockNM{float: left;padding-right: 5px;width: 480px;padding: 10px;position: relative;}
.blockNM .view{float: left;border: 1px solid #999;}
.blockNM .desr{float: right;width: 269px;}
.blockNM .desr a{}
.blockNM .desr a h5{color: #666}
.blockNM .desr a h5:hover{color: red;}
.blockNM .desr p{text-align: justify;padding-bottom: 5px;color: #666}
/* -- FOOTER ----------------------------- */
.bgFooter{position: relative;}
.topBFooter{background: url(../img/bg-footer.jpg) repeat-x left top;width: 100%; height: 225px;}
#footer{position: relative;width: 1000px; margin: 0 auto;top: 27px;}
#footer ul{}
#footer ul li{float: left;width: 305px;padding: 13px 0; height:67px}
#footer ul li .view{float: left;}
#footer ul li .desr{float: right;width: 245px;}
#footer ul li .desr a h4{margin: 0;color: white;}
#footer ul li .desr a h4:hover{color: red;}
#footer ul li .desr p{color: rgb(155, 155, 155);margin: 5px 0;}
.lastFooter{background:url(../img/bg-footer-last.jpg) repeat-x left top; width:100%;height:143px;}
.lineFooter{position: relative;top: 20px;width: 1000px;margin: 0 auto;}
.lastContentF{width: 1000px;margin: 0 auto;top: 35px;position: relative;height: 92px;}
.lastContentF ul li{float: left;width: 460px;padding-right: 20px;}
.lastContentF ul li.contentFr{float: right;width: 280px;}
.lastContentF ul li p{color: rgb(77, 75, 75);line-height: 22px;}
#copyright{width: 1000px;margin: 0 auto;text-align: center;position: absolute;bottom: 0;color: #333;}
#copyright a{color: #47a5c3;font-weight: bold;font-size: 14px;}
#copyright a:hover{color:#ff7157;}
/*----------------------------------------------*/
/* 1.2  PRODUCT PAGE */
/*----------------------------------------------*/
#leftPage{float: left;position: relative;width: 250px;padding-right: 20px;padding-bottom: 20px;}
#priPage{width: 690px;position: relative;float: right;background: white;padding: 20px;}
.menuLeftModule, .chatLeftModule, .leftModule{position: relative;
margin-top: 5px;background: white;}
/* -- LEFT PAGE ----------------------------- */
/* -- search ----------------------------- */
#search{clear: both;}
.searchform {
display: inline-block;
zoom: 1;
border: solid 1px #d2d2d2;
padding: 3px 5px;
-webkit-border-radius: 2em;
-moz-border-radius: 2em;
border-radius: 2em;
-webkit-box-shadow: 0 1px 0px rgba(0,0,0,.1);
-moz-box-shadow: 0 1px 0px rgba(0,0,0,.1);
box-shadow: 0 1px 0px rgba(0,0,0,.1);
background: #f1f1f1;
background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
background: -moz-linear-gradient(top, #fff, #ededed);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed');
-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed');
}
.searchform .searchfield {
background: #fff;
color: #555;
padding: 6px 6px 6px 8px;
width: 191px;
border: solid 1px #bcbbbb;
outline: none;
-webkit-border-radius: 2em;
-moz-border-radius: 2em;
border-radius: 2em;
-moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.2);
-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.2);
box-shadow: inset 0 1px 2px rgba(0,0,0,.2);
float:left;
}
.searchform input {font: normal 12px/100% Arial, Helvetica, sans-serif;}
.searchform .searchbutton {
height: 27px;
width: 27px;
float:right;
margin-left:3px;
margin-top:2px;
}
/* -- Menu Left Module ----------------------------- */
.headerLeftModule{background:url(../img/img-leftmodule.jpg) no-repeat left top;width:250px; height:35px; }
.headerLeftModule h4{color: white;padding: 8px 10px;}
.menuLeftModule ul{list-style: square;}
.menuLeftModule ul li{ width: 250px;border-bottom: 1px dashed #777;position: relative;}
.menuLeftModule ul li a{font-weight: bold;display:block;color: #777;font-size: 14px;padding: 11px 0;text-align: left;margin-left: 20px;}
.menuLeftModule ul li a.actived{color: red;}
.menuLeftModule ul li{}
.menuLeftModule ul li a:hover{color: red;}
.menuLeftModule ul li ul li.first{border-top: 1px dashed #777;}
.menuLeftModule ul li ul li.last{border-bottom: none;}
.menuLeftModule ul li ul li a{margin-left: 50px;display: list-item;font-weight: normal;color: #777;}
/* -- Chat Left Module ----------------------------- */
.chatLeftModule a {text-align: center;display: block;margin-top: 15px;}
.chatLeftModule a img{}
/* -- Left Module ----------------------------- */
.leftModule ul{}
.leftModule ul li{padding: 10px 10px;display: inline-block;width: 240px;}
.leftModule ul li{}
.leftModule ul li a{color: #555;}
.leftModule ul li a img{float: left;padding-right: 10px;}
.leftModule ul li a p{float: left;width: 152px;font-size: 13px;}
.leftModule.smile{padding-bottom: 20px}

/* -- PRI PAGE ----------------------------- */
.headerPriPage{border-bottom: 5px solid red;display: block;color:#555;}
#priPage .contentPriPage{margin-top: 20px;}

.contentPriPage p{padding-bottom: 20px;line-height: 20px;text-align: justify;font-size: 13px;color:#555;}
.contentPriPage img{padding-bottom: 20px;}
#inforCompany span,#inforCompany strong,#inforCompany p{line-height:normal !important;}
.lastContentF table,.lastContentF td,.lastContentF th{text-align:inherit}
.item {
    clear:both;
}
.item .image{float:left; width: 200px; margin-right:10px;}
.item .info{}
.item .info .date{font-size:12px; color:#777}
.item .info .title{font-size:16px; margin:0;} 
.item .info .title a{line-height:normal;}
.item .info .des{}
#pagination{}
    #pagination ul {
    }
    #pagination ul li{float:left;}
    #pagination ul li a{padding:3px 5px; border:solid 1px #ccc; margin-right:3px;}
        #pagination ul li.current a {
            background-color:rgba(0,0,0,.1)
        }
 .productitem {
            padding:5px;
            border:solid 1px #ccc;
            border-radius:10px;
            -webkit-border-radius: 10px;
           -webkit-box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.3);
box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.3);
    float:left; width: 150px;
    margin-right:10px;
    height:230px; margin-bottom:20px;
        }
            .productitem h3 {
                 font-size: 16px;
    line-height: normal;
    /*overflow: hidden;    
    text-overflow: ellipsis;
    white-space: nowrap;
    
    width: 150px;*/
    text-align: center;
    margin-bottom:10px;
            }
                .productitem h3 a {
                    color:#8D9192;
                }
            .productitem .productimg img {
                padding: 0;
            }
            .productitem .productprice {
                color: red;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    margin: 5px 0;
            }